body { margin: 0; padding: 0; }

h1 {
  font-size: 40px; margin: 0; padding: 0;
  color: white;
  width: 100%; height: 85px;

  background: #d0e8ff;
  background-image: url("top.png");
  background-repeat: no-repeat;
  background-position: top left;
}

h1 a { border: none;
  background-image: url("logo.png");
  background-repeat: no-repeat;
  height: 72px; width: 407px;
  position: absolute;
  top: 13px; left: 220px;
}

h1 span {
  display: none;
}

#sidebar { position: absolute; top: 85px; width: 187px;
  min-height: 500px; background: #0099ff;
  background-image: url("sidebar-bottom.png");
  background-position: bottom left;
  background-repeat: no-repeat;
  padding: 1em 0 0 0;
}

#sidebar .sidenotlogged { color: #ccc; padding: 1em; }
#sidebar .sidelogged { padding: 1em; }

#sidebar ul {
  list-style: none;
  margin: 1em 0 0 0;
  padding: 0;
}

#sidebar ul li { margin: 0.1em 0; }
#sidebar ul li.menutitle { font-weight: bold;
  border-bottom: 1px black solid; margin: 1em 0 0.2em 0; }


#content { position: absolute; left: 200px; right: 10px;
  top: 85px; min-height: 600px; margin: 1em 0 0 0; padding: 1em;
  font-size: 15px;
}

h2#content-title { text-align: left; font-size: 20px;
  margin: 0; padding: 0; padding-bottom: 0.1em;
  border-bottom: 1px black solid;
}

h3 { margin: 1.5em 0 0 0; padding: 0; }
p { text-align: justify; }

table { width: 90%; margin: 1em 5% 1em 5%; }
thead { font-weight: bold; }
table.uvlist thead td { border-bottom: 1px solid black; }
td { padding: 2px 5px; }

.evenrow { background: rgb(73,153,199); }
.oddrow { background: white; }

.discretelink { text-decoration: none; color: black; }

table.uvblock {
  font-family: sans-serif;
  border: 2px rgb(0,102,169) solid;
  width: 100%; margin: 1em auto;
}
table.uvblock thead {
                  background-color: rgb(73,153,199);
 }
td.uv, td.hours, td.goals {
  width: 25%;
  border-right: 2px rgb(0,102,169) solid;
}
td.goals { vertical-align: top; text-align: justify; }
td.course { width: 75%; }
td.hours, td.semesters, td.subdepts {
  border-bottom: 2px rgb(0,102,169) solid;
  vertical-align: top; font-size: 80%;
}
td.subdepts { text-align: right; line-height: 1.3em; }
td.uv { font-weight: bold; }
td.title { font-weight: bold; }
td.uv, td.title, td.hours, td.semesters, td.subdepts { padding: 0.2em 0.5em; }
span.filiere { border-bottom: 1px dotted black; }
ul { margin: 0; padding: 0; padding-left: 1em; }

table.uv-programme { width: 100%; }
table.uv-programme tr td { padding-left: 10px; }
table.uv-programme li { margin-bottom: 2px; padding-left: 5px }

table#appreciations {
  background-color: rgb(73,153,199);
  border-collapse: collapse;
  width: 100%;
  margin: 1em 0;
}
table#appreciations td { border: 2px solid rgb(0,102,169); }
td.appreciation-notes, td.appreciation-detail {
  vertical-align: top;
  padding: 10px 6px;
  background-color: white;
}
td.appreciation-notes { width: 25%; vertical-align: middle; }
td.appreciation-notes ul { list-style-type: none; }
td.appreciation-sommaire { padding: 5px; }
td.appreciation-sommaire p { padding: 0; margin: 0; }

.paginator { text-align: center; }
.paginate-pages { cursor: pointer; text-decoration: underline; }
.paginate-first, .paginate-last { font-weight: bold; }
.paginate-current { font-weight: bold; }
.paginator a { color: black }
.paginate-disabled { color: #ccc; }